<%@ include file="base.jsp" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
	<style type="text/css">
	#road
	{ 
		position:absolute;
		margin-left:0px;
		top:96px
	}
	#car
	{ 
		position:absolute;
		margin-left:9px;
		top:75px
	}
	</style>
</head>
<body>
	<div id="stationContainer">
		<img id="car" src="../img/busr.jpg" width="42" height="21"/>
		<img id="road" src="../img/lineg.jpg" width="120" height="24"/>
		<img id="road1" src="../img/lineg.jpg" width="120" height="24"/>
	</div>
	<input type="button" onclick="change()" value="change"/>


	<script type="text/javascript">
	$(document).ready(function() {
		$('#stationContainer').panel({  
			  border:false,
			  width:120,  
			  height:150
		}); 
		$.post("",{},callback,"text");
			
	});
	function callback(){
		
		
	}
	
	function change(){
		$('#car').css('margin-left',100);
		$("#stationContainer").append('<img id="car2" src="../img/busr.jpg" width="42" height="21"/>');
	}
	function draw(stationNum,count,onRoad){
		var count0,count1;
		for(var i=0;i<count;i++){
			if(onRoad)
		}
		var id = 'car'+sataionNum+count;
		if
		$("#stationContainer").append('<img id="car2" src="../img/busr.jpg" width="42" height="21"/>');
		
		
	}
	function station(){
		var id;
		var busCode;
		var stationName;
		var u_DFlag;
		var jamFlag;
		var exitFlag;
		var stationNum;
		var roadName;
		var driverId;
	}
	
	
	</script>
</body>
</html>